/****文章页****/

article {width:100%;overflow:hidden;}

/*article  h3{font-size:20px!important;font-weight:bold!important;padding:15px 0!important; line-height:30px!important;}*/

.post-line{width:100%;padding:3px 0;box-sizing:border-box;}

.post-line ul{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.post-line ul li{display:inline;}

.post-line ul li a{display:inline-block;margin:0 5px;font-size:12px}



.article-content{width:100%;overflow:hidden;margin-top:10px;}

.article-content .article-body{width:95%;margin:auto;overflow:hidden;padding:25px 0;position:relative;}

.edit-time i{color:inherit;}

.article-body iframe{margin:auto!important;max-width:100%}
.act-title{
	display: block;
	font-size: 1.5em;
	color: #0181da;;
	font-weight: bold;
	margin-top: 70px;
	text-align: center;
}
.article-body p{background:none!important;color: #666;;
	font-size: 1.0rem;
	line-height: 1.6;}

.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5{font-weight:bold;
	/*background-color: #f6f6f6;*/
	margin:20px 0;
	border-bottom: 1px solid #12b4f0;
	padding: 5px 12px;
	border-left: 5px solid #24b4f0;
	margin:12px 0px;}
.article-body h1:before,.article-body h2:before,.article-body h3:before,.article-body h4:before,.article-body h5:before,.article-body h6:before{    margin-right: .3em;
	content: "#";
	opacity: .5;}


.article-body strong{background:none!important;}

.article-body img{height: auto;max-width: 100%;vertical-align: middle;border: 0;}
.article-body blockquote{    border-color: #dee5e7;
	line-height: 1.5em;
	margin-top: 10px;
	border-left: 1px solid #009a61;
	background: #f6f6f6;
	color: #555;
	font-size: 1em;
	margin-left: 0px;
	padding: 10px 20px;}



#Hotbg{background: rgba(255,255,255,0.5) url("../images/hot.png")no-repeat top left;}

#art-tj{background: rgba(255,255,255,0.5) url("../images/tj.gif")no-repeat top right;}

.input-prepend {
	width: 100%;
	height: 35px;
	margin: 15px 0;
	font-size: 12px;
}

/*留言页*/

.comment-area .index-title{margin-top:3px;}

.comment-area img{border-radius: 60px}

.comment-area .index-title a{float:right;overflow:hidden;margin-right:10px;}

.comment-area .index-title span{color:#333;margin:0 5px;}

.comment-area>ul>li{overflow:hidden;width:100%;margin-bottom:30px;padding:10px 0;box-sizing:border-box;    position: relative;}

/*.comment-area>ul>li  .order{right:10px;top:5px;color:#ccc;font-size:12px;    position: absolute;}*/

/*小三角*/

.comment-info .caret{width:0; height:0; border-top:10px solid transparent;border-bottom:10px solid transparent; border-right:20px solid rgba(255,255,255,0.5); 	position:absolute;left:-20px;top:20%;}

.louceng{position:absolute;right:10px;top:5px;color:#ccc;font-size:12px;}

/*分页*/

.myPagination {width:100%;overflow:hidden;margin: 20px 0;font-size:12px;}

.list-page{float:right;margin-bottom:20px;}

.myPagination ul {float:left;display: inline-block;margin-bottom: 0;margin-left: 0;-webkit-border-radius: 3px;border-radius: 3px;}

.myPagination ul > li {display: inline;}

.myPagination ul > li > a,

.myPagination ul > li > span {float: left;padding: 0 14px;margin:0 5px;line-height: 38px;text-decoration: none;background-color:rgba(255,255,255,0.6);border-left-width: 0;color:gray;box-sizing:border-box;}

.myPagination ul > li>.not-allowed{cursor:no-drop;}

.myPagination ul > li > a:hover,

.myPagination ul > .active > a,

.myPagination ul > .active > span {background-color:rgba(255,255,255,0.9);}

.myPagination ul > .active > a,

.myPagination ul > .active > span {color: #0181da;cursor: default;}

.myPagination ul > .disabled > span,

.myPagination ul > .disabled > a,

.myPagination ul > .disabled > a:hover {color: #999999;cursor: default;background-color: transparent;}

.myPagination-centered {text-align: center;}

.myPagination-right {text-align: right;}

/*分页2*/

.page {

  width: 100%;

  margin: 20px 0;

	font-size:12px;

  /*background: rgba(255, 255, 255, 0.5);

  text-align: center;*/

  overflow: hidden;

}

.page .first,

.page .prev,

.page .current,

.page .num,

.page .current,

.page .next,

.page .end {

  padding: 8px 16px;

  margin: 0px 5px;

  display: inline-block;

  color: #008CBA;

  /*border: 1px solid #F2F2F2;*/

  border-radius: 5px;

}

.page span{

	color: #008CBA;

}

.page .first:hover,

.page .prev:hover,

.page .current:hover,

.page .num:hover,

.page .current:hover,

.page .next:hover,

.page .end:hover {

  text-decoration: none;

  background: #F8F5F5;

}

.page .current {

  background-color: #008CBA;

  color: #FFF;

  border-radius: 5px;

  border: 1px solid #008CBA;

}

.page .current:hover {

  text-decoration: none;

  background: #008CBA;

}

.page .not-allowed {

  cursor: not-allowed;

}

/*文章分享按钮样式*/

.article-fx{text-align:center;width:100%;padding:10px 0;position:relative;}

.article-fx a{font-size:14px;background:#1dd06d;color:#fff;display:inline-block;width:50px;height:50px;line-height:50px;color:#fff;}

.article-fx span{font-size:14px;background:#13C5F8;color:#fff;display:inline-block;width:50px;height:50px;line-height:50px;color:#fff;cursor:pointer;}

.arc-bdfx{display:none;border-radius:5px;position:absolute;background:rgba(255,255,255,0.9);top:-10px;width:350px;box-shadow:0px 0px 15px #ccc;border:1px solid #ccc;left:0;right:0;margin-left:auto;margin-right:auto;}

.arc-bdfx>.bdsharebuttonbox{padding:20px 0;margin:0;}

.arc-bdfx i{position:absolute;right:5px;top:5px;color:#777;cursor:pointer;font-size:12px;}



/*文章正文底部标签*/

.article_tag{width:100%;margin:auto;padding:10px 0;margin-bottom:30px;background:rgba(255,255,255,0);overflow:hidden;}

.article_tag ul{margin:auto 0;clear:both;text-align:center;float:none;}

.article_tag ul li{display:inline;font-size:12px;border:none;border-radius:2px;padding:5px 10px;margin:0 5px;border-radius:50px;-webkit-border-radius:50px;}

.article_tag ul li a{color:#fff;display:inline-block;margin-bottom:10px;}

.article_tag ul li:nth-of-type(1){background:#4595e7;}

.article_tag ul li:nth-of-type(2){background:#e7458d;}

.article_tag ul li:nth-of-type(3){background:#e79545;}

.article_tag ul li:nth-of-type(4){background:#1dd06d;}

.article_tag ul li:nth-of-type(5){background:#333;}

hr {width:90%;margin: 20px auto; border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid rgba(255,255,255,0.8);}

/*上一篇*/

.shangyip{margin:30px 0;padding:10px 0;width:100%;overflow:hidden;}

.shangyip span{display:inline-block;float:left;width:100%;text-indent:5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.shangyip span:first-child{margin-bottom:10px}

.shangyip span a:hover{color:#333;text-decoration:underline;}

/*可能喜欢*/

.maybe-love{margin-bottom:30px;overflow:hidden;}

.maybe-love h4{}

.maybe-love ul{text-align:center;margin-left: -1.5%;margin-right: -1.5%;overflow:hidden;}

.maybe-love ul li{float:left;text-align:center;width:22%;margin:1.5%;}

.maybe-love ul li img{width:100%;height:100px;border:1px solid #ddd;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;padding:5px;}

.maybe-love ul li span{font-size:13px;display:inline-block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#00a2ff;width:100%;}

.maybe-love ul li:hover img{border:1px solid #fff;}

/*气泡*/

.arrow_box {

	position: relative;

	background: rgba(255,255,255,0.6);



}

.arrow_box:after, .arrow_box:before {

	right: 100%;

	top: 30px;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.arrow_box:after {

	border-color: rgba(255, 255, 255, 0);

	border-right-color:rgba(255,255,255,0);

	border-width: 14px;

	margin-top: -14px;

}

.arrow_box:before {

	border-color: rgba(206, 208, 224, 0);

	border-right-color:rgba(255,255,255,0.5);

	border-width: 15px;

	margin-top: -15px;

}

/*搜索提示*/

.search-tip{margin:30px 0;}

.search-tip span{padding:20px;display:inline-block;line-height:28px;}

.search-title{font-size:16px;padding:20px 10px;}



/*关于页面*/

.about-content{line-height:25px;margin-bottom:30px;padding: 20px;}







/*友情链接*/

.blog_hd {width: 100%;padding-bottom:25px;}

.blog_hd ul {margin-left:-5px;margin-right:-5px;}

.blog_hd .hd_right {border: 1px double #CCC;padding:0 5px;float:left;width: 53%;margin-left:2%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align:center;background:rgba(255,255,255,0.5);border-radius: 8px;-webkit-border-radius: 8px;}

.blog_hd .hd_right:nth-of-type(1) a{color:#34b900;}

.blog_hd ul li {font-size:12px;width:18%;display: inline-block;list-style-type: none;margin:10px 5px 10px 5px;overflow:hidden;white-space: nowrap;}

.blog_hd ul li img {width:100%;}

.blog_hd >ul >li> a{display:inline-block;float:left;height:100%;height:40px;width:40px;padding: 4px;border: 1px double #CCC;background: rgba(255,255,255,0.5);border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}

.form-in{margin-bottom:80px;}

.form-btn{font-size:18px;font-weight:normal;padding:15px 0!important;margin-top:30px;}

.hdmenu {width:100%;text-align:left;}

.hdmenu li{display:inline;font-size:12px;color:#555;margin:0 3px;}

.hdmenu li input[type="checkbox"]{padding:0;margin:0;border:1px solid #ccc;box-sizing:border-box;position:relative;top:2px;}

.input-prepend{width:100%;height:35px;margin:15px 0;font-size:12px;}

.input-prepend i{width:35px;height:100%;background:rgba(255,255,255,0.8);border:1px solid #ccc;box-sizing:border-box;border-right:none;line-height:35px;text-align:center;margin:0;float:left;}

.input-prepend input{height:100%;margin:0;padding:0;float:left;box-sizing:border-box;width:90%;line-height:35px;}

.yzm input{width:70px;}

.yzm span{width:50px;height:100%;border:#ddd 1px solid;border-left:0;box-sizing:border-box;display:inline-block;background:rgba(255,255,255,0.8);}

.yzm img{width:99%;margin:auto;height:99%;}
.feed-sub {
	width: 150px;
	height: 40px;
	padding: 10px 0;
}
.feed-sub input {
	width: 100%;
	height: 100%;
	background: #fff;
	cursor: pointer;
	color: #ff6700;
}
/*内页链接*/

.blog_links ul {margin: 25px 0 ;overflow:hidden;}

/*flex是布局属性，row表示默认按行排列，wrap表示换行*/
.link-list {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.link-list li {
	float: left;
	box-shadow: 0px 0 0px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0,0,0,0.1);
	margin: 10px 10px 1px 10px;
	width: 30%
}

.link-list .link-item:hover{border:1px solid #ff4200;box-shadow:0 0 10px #555;}

.link-list li a {
	display: block;
	padding: 20px;
}

.link-list li img {
	margin: 0 auto;
	width: 100%;
	height: 70px;
	border-radius: 100%
}

.link-list li h3 {
	text-align:center;
	overflow: hidden;
	padding: 10px 5px 9px;
	height: 25px;
	font-family: "微软雅黑";
	font-size:25px;
	font-weight:bold;
	color:#1E90FF;
	text-overflow: ellipsis;
}

.link-list li p {
	clear: both;
	/*display: -webkit-box;*/
	overflow: hidden;
	margin-top: 1rem;
	height: 60px;
	text-overflow: ellipsis;
	font-size: 13px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.blog-list li, .hot-list li a, .lab-list li a, .link-list li a, .muntime-btn a, .nav-list li a, .resource-list li a, .tag a {
	transition: all .3s ease-in-out;
}

.blog-list li:hover, .lab-list li a:hover, .link-list li a:hover, .resource-list li a:hover {
	box-shadow: 2px 5px 14px #c5c5c5;
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -2px, 0)
}

@media screen and (max-width: 1024px) {
	.link-list li {
		width: 50%
	}
}

@media screen and (max-width: 768px) {
	.link-list li {
		width: 100%
	}
}

.link-edit{padding:25px 0;}

/*素材列表*/

.sucailist{width:100%;}

.sucailist >ul{margin-left:-1%;margin-right:-1%;overflow:hidden;}

.sucailist .su-li#New,.sucailist .su-li#arc-tj,.sucailist .su-li#Hotbg{background-position:100% 0;}

.sucailist .su-li{margin-bottom:25px;text-align:center;border:1px solid #ddd;padding:15px 0;box-sizing:border-box;overflow:hidden;position:relative;background:rgba(255,255,255,0.5);transition:0.2s;}

.sucailist .su-li:hover{border-color:#ff4200;box-shadow:0 0 10px #555;}

.sucailist>ul>.wall-column{width:31.3%;margin:auto;margin:0 1%;float:left;padding:0;}

.sucailist>ul>.wall-column .sucaiimg{width:100%;overflow:hidden;}

.sucailist>ul>.wall-column  .sucaiimg img{width:85%;transition: all 0.5s;-webkit-transition: all 0.5s;}

.sucai-right{width:90%;margin:auto;}

.sucai-right h4{padding:0;margin:0;background:none;font-size:15px;padding:8px;text-indent:0;overflow:hidden;text-align: left;white-space: nowrap;text-overflow: ellipsis;height: 20px;}

.sucai-right p{font-size:13px;overflow:hidden;text-overflow:ellipsis;color:#999;text-align:left;line-height:1.5;padding:5px 0;}

.sucai-right ul{width:100%;overflow:hidden;bottom:5px;text-align:center;}

.sucai-right ul li{float:left;overflow:hidden;padding:0 5px;font-size:12px;color:#888;}

.sucai-right ul li:last-child{float:right;}

.sucailist>ul>.wall-column .su-li:hover a img{transform:scale(1.1);}

.sucai-fx,.down-btn,.see-btn{width:100px!important;border-radius:8px;-webkit-border-radius:8px;height:35px!important;line-height:35px!important;transition:all 0.2s;}

.sucai-fx{}

.sucai-fx:hover{background:#079450;}

.down-btn:hover{background:#d8033a!important;}

.see-btn:hover{background:#10b7f5!important;}

.sucai-fx i,.down-btn i,.see-btn i{color:#fff;}

.down-btn{background:#e6176a!important;
  /*margin-right:25px;*/
}
.see-btn{background:#13c5f8!important;
  /*margin-right:25px;*/
}

.ft-part1 .paihang-ul li{padding:8px 0;border-bottom:1px dotted #777;}

.ft-part1 .paihang-ul li a{color:#fff;}

/*end 素材列表*/

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; }

	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }

	#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }

	#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/

	#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

	#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }

	#supersized a { width:100%; height:100%; display:block; }

	#supersized li.prevslide { z-index:-20; }

	#supersized li.activeslide { z-index:-10; }

	#supersized li.image-loading { background:#111 url("../images/loading.gif") no-repeat center center; width:100%; height:100%; }

	#supersized li.image-loading img{ visibility:hidden; }

	#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

	#supersized img { max-width: none !important }



.img_loading{background:rgba(255,255,255,0.6) url("../images/loading.gif") no-repeat center center;}

.img_loading img{    opacity: 0;}



@media screen and (max-width:414px){.xc_info .xc_ul li img{height:6em;}	.xc_info .xc_ul li p{font-size:12px;}}

@media screen and (min-width:320px) and (max-width:768px){



	article  h3{font-size:16px!important;}


	.comment-ava{max-width:40px;max-height:40px;padding-left:10px;}

	.comment-content{font-size:12px;}

	.comment-info{max-width:80%;margin-left:10px;}

	.re-info{max-width:80%;margin-left:8px;}



	.admin-ava{max-width:40px;max-height:40px;}

	.re-info span a{margin:0;}

	.face-box textarea{width:95%;}

	.input-prepend input{width:80%;}

	.yzm input{width:80px;}

	.arc-bdfx{width:98%;}

	.shangyip span{font-size:12px;}

	.maybe-love ul li{width:46.5%;}

	.maybe-love ul li:nth-of-type(3),.maybe-love ul li:nth-of-type(4){display:none;}

	.shuo-ava{max-width:40px;max-height:40px;}

	.shuo-info{max-width:75%;margin-left:15px;padding:0;}

	.shuo-content{font-size:12px;}

	.blog_hd ul li{width:45%;}

	.blog_links li{width:29.3%;}

	.link-text{width:90%!important}

	.xc_info .xc_ul li,.gallery ul li{width:41%;}

	.pic-main img{width:100%;}



	.pic-info h2{font-size:16px;}

	.pic-info >ul >li,.pic-info p{width:100%;margin:0;font-size:12px;}

	.wall-column{width:50%;}

	.wall-li p,.wall-li small{font-size:12px;padding:0;}

	.wall{margin-left:-1%;margin-right:-1%;}

	.sucailist>ul> .wall-column{width:48%;}

	.sucai-right h4{font-size:13px;}

	.sucai-right p{font-size:12px;}



}



@media screen and (min-width:769px) {
	.pc-hidden {
		display: none;
	}


	@media screen and (min-width: 1024px) and (max-width: 1199px) {

		.blog_hd ul li {
			width: 22%;
		}


	}
}
